<template>
  <div>
   {{msg | reverseStr('""')}}
   {{msg2 | reverseStr('-->')}}
   <!-- 过滤器可以连续使用 -->
   {{msg3 | dStr | reverseStr}}


   粉丝 ：{{ fans | fansNum('w') }}
   粉丝 ：{{ fans | fansNum('k') }}
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: 'hiiy',
      msg2: '雷霆嘎巴',
      msg3: 'zhangyuan',
      fans: 1008611
    }
  },

  // 局部过滤器 是一个对象
  // key : value
  // key 就是 全局过滤器的第一个参数
  // value 就是 全局过滤器的第二个参数
  filters: {
    reverseStr(val, str = '') {
      return val
        .split('')
        .reverse()
        .join(str)
    },
    dStr(val) {
      return val.toUpperCase()
    },
    fansNum(val, s) {
      return s === 'k' ? val / 1000 + s : val / 10000 + s
    }
  },
  methods: {}
}
</script>

<style scoped>
</style>
